@import 'nib'
form.pure-form.reg-form
  min-height 30em
  padding-top 2em
  padding-bottom 5.625em
  fieldset
    .c-reg-title
      text-align center
      padding-bottom 2em
      h2
        display inline-block
        padding 0 1em
        font-family '微软雅黑'
        font-size 1.875em
      span
        color #999

    .pure-control-group
      padding 0.7em 1em
      div
        width 30%
        margin 0 auto
        border 1px solid #ccc
        span
          width 2.8em
          height 2.25em
          display inline-block
          vertical-align middle
          border-right 1px solid #ccc
          padding 0.375em 0
        input
          padding 1em 0 0.8em 1em
          display inline-block
          border-radius 5px
          border none
          box-shadow inset 0 1px 3px rgba(255,255,255,0)
          color #737373
          &:focus
            outline none
        
          &:-webkit-autofill
            -webkit-box-shadow 0 0 0px 1000px #fff inset

    .c-reg-name
      div
        span
          background url('./img/input_u.png') no-repeat center center
    .c-reg-pwd, .c-reg-repwd
      div
        span
          background url('./img/input_p.png') no-repeat center center
    .c-reg-phone
      div
        span
          background url('./img/phone.png') no-repeat center center
    .c-reg-email
      div
        span
          background url('./img/email.png') no-repeat center center
    .c-reg-id-kind
      div
        span
          background url('./img/id_card.png') no-repeat center center
        select
          width 19em
          border none
          box-shadow none
          background-color #fff
          color #737373

    .c-reg-id-no
      div
        span
          background url('./img/id_card.png') no-repeat center center

    .c-reg-id-date
      div
        span
          background url('./img/id_date.png') no-repeat center center
        input
          width 19em
      p
        font-size 0.75em
        color #666
        width 18em
        margin 0 auto
        padding-top 0.2em
    .c-reg-captcha
      div
        input
          width 55%
        &:focus
          border 1px solid #4f4980
        span
          background url('./img/input_c.png') no-repeat 0.6em center
        img
          vertical-align middle
          max-height 2.25em
          max-width 6.75em
          -ms-interpolation-mode bicubic  /*为了照顾ie图片缩放失真*/

    .pure-controls
      text-align center
      padding-top 2em
      button
        padding 0.8em 0
        background #ffa202

.err-border
  color red
  border 1px solid #e64340 !important
  box-shadow 0px 3px 8px 0px rgba(230,67,64,0.42)

.c-reg-success
  padding 10em 0
  text-align center
  .c-succ-tip
    line-height 3.1em
    .c-succ-img
      font-size 18px
      color #d63333
      font-weight bold
      display inline-block
      padding 1.6em 0 1.6em 3.8em
      background url('img/pursucc.png') left center no-repeat
  button
    margin-left 4.5em
    .c-btn-login
      color #fff

@media (min-width: 421px)
  form.pure-form.reg-form
    fieldset
      .pure-control-group
        div
          min-width 21.88em
      .pure-controls
        button
          min-width 21.88em

@media (max-width: 420px) and (min-width: 320px)
  form.pure-form.reg-form
    padding-top 1em
    padding-bottom 2em
    fieldset
      .pure-control-group
        padding 0.7em 0
        div
          width 92%
          margin 0 auto
          border 1px solid #ccc
          span
            width 2.5em
            height 2.25em
            display inline-block
            vertical-align middle
          input
            padding 0.8em 1em 0.4em
            display inline-block
            border none
            font-size 0.9em
            box-shadow inset 0 1px 3px rgba(255,255,255,0)
      .c-reg-captcha
        div
          input
            width 48%
      .c-reg-id-kind
        div
          select
            width 15em
      .c-reg-id-date
        div
          input
            width 17.4em
        p
          width 15em
      .pure-controls
        text-align center
        padding 2em 1em
        button
          width 100%
          padding 0.8em 1em
          background #ffa202